
<!DOCTYPE html>
<html>
  <head>
    <title>Login GesAc</title>
    <script src="Controller/Validacion.js"></script>
      <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="//code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

<style type="text/css">
*{margin: 0;padding: 0;}
#barra{background-color: blue; height:20px; position: absolute; left: 0; top: 20px;}
#contenedor{position: relative; margin: auto; height: 60px; width: 200px;}
</style>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

   <!-- <img src="Una.png" class="img-rounded">
    <img src="GesAc.png" class="img-rounded" align="right">-->
  <br>
  <br>

                     
                      <center> 
                        <h1 class="text-muted">GesAc</h1>
                        <div id="homeCarousel" class="carousel slide">
                        <div class="carousel-inner">
 
                            <div class="active item">
                                 <img src="Img/Una.png">
                                 <div class="carousel-caption">
                                     
                                 </div>
                             </div>
 
                             <div class="item">
                                 <img src="Img/Gesac.png">
                                 <div class="carousel-caption">
                                  
                                 </div>
                             </div>
 

 
 
                        </div>
                        <a class="carousel-control left" href="#homeCarousel" data-slide="prev">&lsaquo;</a>
                        <a class="carousel-control right" href="#homeCarousel" data-slide="next">&rsaquo;</a>
                    </div> 
                      </center>
                      <br>
                     
  <h1><p class="text-center">Por favor identif&iacute;quese.</p></h1>

    <center>
      <form action="Core/Control/ControlLogin.php" method='POST' class="form-inline" name="login"  autocomplete="off">

    <div class="input-group">

        <input  name="V_cedula" type="text" class="form-control" placeholder="C&eacute;dula">
        <br>
        <br>
        <input name="V_contrasena" type="password" class="form-control" placeholder="Contrase&ntilde;a">
          <br>
          <br>
        <input type='submit' value='Ingresar' onclick="progress()"  class="btn btn-default dropdown-toggle" /><input type='hidden' value='1' name='Login'  />
        <button type="reset" class="btn btn-default" >Cancelar</button>
		<br>
		<a>Cambiar Contrase&ntilde;a</a>


    </div>
      
    </form>
<br>
<!-- progressbar -->
<div id="contenedor">
<div id="barra"></div>
</div>
<script type="text/javascript">
var x=0;


function progress(){
    var timer;
   
    if(x<100){
        x++;
        document.getElementById('barra').style.width=x+'%';            
        timer=setTimeout('progress()',50);
    }else{
        clearTimeout(timer);
        
    }
}
</script><!-- progressbar -->

	<br>
  
	<br>


		  <footer>
            <div class="container"> 
              <div class="row" align="left">
				<br>
				<br>
				Este sitio utiliza 
				<a href="http://www.php.net/" target="_blank"><img src="php-med-trans.png"></a><a href="http://www.mysql.com/" target="_blank"><img src="logo-mysql-110x57.png"></a>
              </div>
			  <div class="row" align="center">
				<a href="developers.php">Desarrolladores</a>
			  </div>
            </div>
		   
          </footer>

          <script type="text/javascript" src="js/jquery.js"></script>
          <script type="text/javascript" src="js/bootstrap.js"></script>

  
  </body>
</html>